:root {
  --primary-color: #fff;
  --secondary-color: #212121;
  --lightgrey: #efefef;
  --darkgrey: #646464;
  --navbg: #fff;
  --navcol: #000; 
  --linkcol: #000;
  --h1size:clamp( 2.5rem, 2rem + 2.5vw, 5rem );
  --h1herosize:clamp( 2.5rem, 2rem + 2.5vw, 7rem );
  --h2size:clamp( 1.875rem, 1.5rem + 1.875vw, 3.75rem );
  --h3size:clamp( 1.25rem, 1.125rem + 0.625vw, 1.875rem );
  --h3herosize:clamp( 1.25rem, 1.125rem + 0.625vw, 1.875rem );
}
/* root variables cannot be used in media queries so here for reference only:
  36em/57.6rem phone (Small devices (landscape phones, 576px and up)
  48em/76.8rem tablet (Medium devices (tablets, 768px and up)
  62em/99.2rem desktop (Large devices (desktops, 992px and up)
  75em/120rem large desktop (Large devices (desktops, 1200px and up)
  120em/192rem Pro/designer desktop (Large devices (desktops, 1920px and up, e.g. most pro design screens) 
*//* Note: We use a mix of "em" and "rem" dimensions throughout this css. 
Therefore adjusting body font size will alter any media queries and other dimensions that are based on "em". 
Feel free to change but be aware of possible unintended consequences :)  */

/* Tasmanian fonts */
@font-face {
  font-family: 'Moderat-Light';
  src: url("https://dwvt5wwshu97q.cloudfront.net/uploads/469/themes/411/fonts/Moderat-Light.woff2") format("woff2"),
       url("https://dwvt5wwshu97q.cloudfront.net/uploads/469/themes/411/fonts/Moderat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Moderat-Regular';
  src: url("https://dwvt5wwshu97q.cloudfront.net/uploads/469/themes/411/fonts/Moderat-Regular.woff2") format("woff2"),
       url("https://dwvt5wwshu97q.cloudfront.net/uploads/469/themes/411/fonts/Moderat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Moderat-Bold';
  src: url("https://dwvt5wwshu97q.cloudfront.net/uploads/469/themes/411/fonts/Moderat-Bold.woff2") format("woff2"),
       url("https://dwvt5wwshu97q.cloudfront.net/uploads/469/themes/411/fonts/Moderat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Moderat-Black';
  src: url("https://dwvt5wwshu97q.cloudfront.net/uploads/469/themes/411/fonts/Moderat-Black.woff2") format("woff2"),
       url("https://dwvt5wwshu97q.cloudfront.net/uploads/469/themes/411/fonts/Moderat-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}


@font-face {
    font-family: 'Blacker-Display';
    src: url("https://dwvt5wwshu97q.cloudfront.net/uploads/469/themes/411/fonts/BlackerDisplay-Regular.ttf") format("truetype"),
         url("https://dwvt5wwshu97q.cloudfront.net/uploads/469/themes/411/fonts/BlackerDisplay-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

.body, p, .hint {
  font-family: 'Moderat-Light', sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
}

h1, h2, h4, h5, h6 {
    font-family: 'Blacker-Display', serif;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0;
    margin: 0;
    margin-bottom:1rem;
}

h1 {font-size: var(--h1size);}
h2 {font-size: var(--h2size);}
h3 {
    font-family: 'Moderat-Bold', sans-serif;
    font-size: 1.8rem;
    text-decoration: underline;
    font-weight: 700;
    letter-spacing: 0.2em;
}

b, strong {font-family: 'Moderat-Bold', sans-serif;} 
h4 {font-size: 2.5rem;}

h3.hero-subheading {
  text-decoration: underline;
  font-weight: bold;
  font-size: clamp(1.2rem, 1vw + 0.5rem, 1.8rem);
  letter-spacing: 0.2em;
  text-align: left;
}

h1.hero-heading {
  font-size: var(--h1size);
  text-align: left;
}

#intro-header h3 {
    font-family: 'Blacker Display Regular', serif;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
    font-size: clamp( 1.9rem, 1.8rem + 0.625vw, 2.5rem );
}

.center {text-align: center;}
.lead {font-size:1.3em;}/* ---------------------------------
    Navbar styles 
   --------------------------------- */
.navbar-section {
  padding-top: 0;
  padding-bottom: 0;
  /* navbar account name color */
  color: var(--navcol);
  /* navbar color */
  background-color: var(--navbg);
  /* navbar border at the bottom */
  border: none;
  flex-wrap: nowrap;
}

/* navbar icons text color */
.navbar-section .selection-count,
.navbar-section .avatar-user-dropdown{
  color: var(--navcol);
}

/* navbar user dropdown border color */
.navbar-section .avatar-user-dropdown{
  border-color: var(--navcol);
}

.open-menu .navbar-section-content {
  border-top: 1px solid;
  margin-top: 7rem;
  transform: translateY(0);
}

.nav-close-burger-menu svg path {
    fill: var(--navcol);
}

/* hamburger menu for mobile */
svg.hamburger-menu g path {stroke:var(--navcol);}

/* navbar icons color */
.navbar-section .svg-stroke path,
.navbar-section .svg-stroke line {
  stroke: var(--navcol);
}
/* my profile circular border */
.navbar-section .avatar-user-dropdown {
	border-color: var(--navcol);
}

/* navbar icons color */
.navbar-section .svg-fill path{
  fill: var(--navcol);
}

/* navbar icon text color */
.nav-icon-text {
    color:var(--navcol);
    font-weight: 200;
}

/* navbar links */
.navbar-section-content a { 
  color: var(--navcol);
  font-family: 'Moderat-Light', sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  line-height: 2rem;
  white-space: nowrap;
}

/* bottom border transition */
.navbar-section-content a::after {
  content: "";
  position: relative;
  display: block;
  width: 0;
  border-top: 1px solid;
  transition: width .4s;
}

/* bottom border on hover and active */
.navbar-section-content a:hover::after,
.navbar-section-content a.active::after {
  width: 100%; 
}

.navbar-section-content a:hover {
  opacity: 1;
}

/* dropdown */
.navbar-section-content .dropdown-button {
  letter-spacing: 0.2em;
}

.navbar-section-content .dropdown-content {
  text-transform: uppercase;
  box-shadow: none;
  padding: 1rem;
}

.dropdown-menu-item .dropdown-content a:hover {
  background-color: transparent;
}

/* Hide logo and account name on mobile */
.account-logo .logo {
  display: none; 
  max-height: 2.5rem;
}

span.account-name {
  font-size: 1.6rem;
  display: none;
}

/* logo size/position on mobile */
.account-logo-mobile {
  left: calc(50% - 2rem);
  width: 4rem;
}

/* Changed from max-width 62em to fix navbar overflow */
@media screen and (max-width: 78em) {  /* changed from 75em to fix 1240px overlap */
  /* CSS rules to hide certain navbar elements and display the hamburger menu */
  .navbar-button.search-button,
  .navbar-button.contribute-button,
  .navbar-button.icon-admin,
  .navbar-button.icon-contribute,
  .navbar-locale-dropdown {
    display: none;
  }
  
  .navbar-section-content {
    background-color: var(--navbg);
    width: 100%;
  }
}

/* move mobile menu down */
@media screen and (max-width: 62em) {
  .navbar-section-content {transform: translateY(-100%);}
}

@media (min-width: 62em) {
  /* Adjust height and spacing for logo on desktop */
  .navbar-section {
    height: 10rem;
  }
  
  /* align nav content to the right side */
  .navbar-section-content {margin-left: auto; gap:2.5rem;}
  .user-actions {margin-left: 2rem;}
  
  .account-logo .logo {height: 2.5rem;}
  
  .account-logo .logo,
  span.account-name {
    display:block;
    max-height:2.5rem;
    min-height:2.5rem;
    padding:0;
  }	
  /* start main */
  .body .main {margin-top: 10rem;}
}

.main {margin-top: 7rem;}
.preview-mode .main {padding-top: 6rem;} /* add additional space when preview bar is active */

/* back to search breadcrumb on asset */
.AssetView .breadcrumb-item a {
  color: #111;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}.footer-section {
  background-color: black;
  color: white;
}

.footer-top {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 3rem;
} 

.footer-top article {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
}

.footer-top article ul {list-style: none; padding: 0;}
  
.footer-top article li, 
.footer-top article p {
  width: 100%;
  display: block;
  text-align: center;
}

.footer-top article li a {text-decoration:none;}

.footer-logo {
  max-width: 26rem;
  margin: 6rem auto;
}

.footer-four-col {
  grid-template-columns: 1fr;
  align-items: center;
}

@media screen and (min-width:62em) {
  .footer-top article li,
  .footer-top article p {
    width: fit-content;
    text-align: left;
    border-bottom: 1px solid transparent;
  }
  
  .footer-logo {
    margin: 6rem 0;
  }
  
  .footer-four-col {
    display: grid;
    /* four column grid */
    grid-template-columns: 3fr 2fr 3fr 1fr;
    grid-template-areas: 'menu-1 menu-2 info socials';
    grid-auto-rows: minmax(min-content, max-content);
    grid-column-gap: 2rem;
    align-items: self-start;
  }

  .menu-1, .menu-2, .info, .socials {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .menu-1 {padding-left: 16rem;}
  
  .menu-1 li {
    font-size: 4.5rem;
    padding: 0.5rem 0 0.5rem 10rem;
  }
  
  .story {
    padding-right: 8rem !important;
  }
  
  .socials ul {
    flex-direction: column;
  }
}

.menu-1 li {
  font-family: "Blacker Display Regular",serif;
  font-size: 4.5rem;
  padding: 0.5rem 0;
  line-height: 7rem;
}

.menu-2 .sub-menu-1 {
  font-family: "Blacker Display Regular",serif;
  font-size: 2.8rem;
  margin-bottom: 6rem;
}

.menu-2 .sub-menu-2 {
  font-family: 'Moderat-Bold', sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: underline;
  line-height: 3.5rem;
}

.footer-info {
	background-color:#000;
}

.story {
  padding-right: 0;
}

.story p {font-size: 1.7rem;}

.footer-info .tasmanian-copyright {
  margin-top: 6rem;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
}

.footer-top article .tasmanian-copyright p {
  text-align: left;
}

.tasmanian-gov-logo {
  width: 6.2rem;
  height: 6.2rem;
}

.socials ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.footer-top .socials li {
  width: auto;
}/* ---------------------
Main Elements
--------------------- */
.body {
  background-color: var(--primary-color);
}

.welcome-paragraph {
  font-size:2rem;
}

mark {
  padding: 1rem 2rem;
  background-color: #f9d147;
  color: black;
}

/* fix code wrapping on mobile */
pre {
  font-family: monospace,monospace;
  font-size: 1em;
  max-width: 100%;
  overflow: auto;
  white-space: normal;
}

/* ----------------
Search widget
---------------- */

.search-section {
  max-width: 120rem;
  margin: 2.5rem auto; 	
}

.search-label{
  display: none;
}

.filters{
  justify-content: center;
}

.search-grid-section .page-actions, 
.search-grid-section .grid, 
.search-grid-section .assets-pagination {
  background-color: var(--primary-color);
  padding-bottom:4rem;  
}
.change-grid-view .icon-text {
  display: none;
}

.file-icon::before{
  border-color: var(--primary-color) var(--primary-color) rgba(255, 255, 255, .3) rgba(255, 255, 255, .35);
}

/* ----------------
Masonry view 
----------------- */
.masonry-asset {
  margin-bottom: 2rem;
  background-color: white;
  padding: 0;
  float: left;
}
.masonry-asset:hover {opacity:0.6;}
.masonry-asset .asset-grid-icon {position:relative;}
.masonry-asset .asset-grid-name {margin-left:0;}

/* ------------
Feed view 
---------------- */
.feed-view .asset-name {
  text-align:left;
  justify-content:left;
}
.feed-view .asset-grid-name {
  font-size: 1.2em;
  text-align:left;
  font-weight:bold;
}
.feed-view .feed-asset-type-icon {display:none;}

/* ------------
Gallery 
------------ */

/*-- Mobile --*/
.gallery-link,
.gallery-image {
  height: 8rem;
}

/*-- Desktop --*/
@media (min-aspect-ratio: 1/1) {
  .gallery-link,
  .gallery-image {
    height: 16rem;
  }
}


/* --------------
Home Page 
-------------- */
.intro-logo {
  max-width:20rem;
}


/* custom social links article */
.social-links {margin-top:5em;}
.social-links a {font-size:2rem;padding:1rem 2rem;}
/* end */

/* fix download form terms field separation issue */
.form-checkbox.terms {
  margin: 5rem 0;
}


/* adjust tags color and fint size */
.tag.selected-tag {
  background-color: #000;
  font-size:1em;
}
.tag {
  border-radius: 0rem; /* remove radius on tags */
}/* Grid assets and Asset details page */

/* content additions */
.asset-info span:not(.asset-id, .asset-source):before,
.AssetView .asset-size:before,
.AssetView .asset-dimensions:before,
.AssetView .asset-word-count:before {
  content: ' • ';
}

.AssetView .asset-latitude:before {
  content:'Latitude: ';
}

.AssetView .asset-longitude:before {
  content:'Longitude: ';
}

.asset-source:before {
  content: 'src: ';
}

.asset-licence-value:before {
  content: ' -';
  margin-right: 0.5rem;
}

/* Hidden */
.asset-details-section .asset-type,
.asset-tags-title,
.asset-size-title,
.asset-dimensions-title,
.asset-created-at,
.asset-id-title,
.asset-licence-title,
.asset-word-count-title,
.collections-section-title {
  display: none;
}

/* Layout */

.asset-page-wrapper {
  padding: 2rem 2em;
}
@media (min-width:768px) {
  .asset-page-wrapper {
    padding: 6rem 6em;
  }
}

.asset-page-wrapper .section {
  padding: 1rem 0;
}

.asset-details-section {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.9rem;
}

.asset-details-section article {
  flex: 0 0 100%;
}                                                                                                       

.asset-details-section .asset-size,
.asset-details-section .asset-dimensions,
.asset-details-section .asset-extension,
.asset-details-section .asset-id,
.asset-details-section .asset-word-count {
  flex: 0 0 auto;
}

.related-assets-section {
  border-top: 1px dotted color-mix(in srgb, var(--color-body-text) 20%, transparent);
  padding-bottom: 4rem;
}

/* Grid area ordering */ 

.AssetView .asset-name {
  order: 1;
  width: 100%;
}

.AssetView .asset-type-icon {
  order: 2;
}

.AssetView .asset-id {
  order: 3;
}

.AssetView .asset-word-count {
  order: 4;
}

.AssetView .asset-size {
  order: 5;
}

.AssetView .asset-dimensions {
  order: 6;
}

.AssetView .asset-description {
  order: 7;
}

.AssetView .asset-ai-description {
  order: 7;
}

.AssetView .asset-licence {
  order: 8;
}

.AssetView .asset-terms-of-use {
  order: 9;
  padding-bottom: 1rem;
}

.AssetView .asset-expiry-date {
  order: 10;
}

.AssetView .asset-created-at {
  order: 12;
}

.AssetView .asset-credit {
  order: 13;
}

.AssetView .asset-usage {
  order: 14;
}

.AssetView .asset-reference {
  order: 15;
}

.AssetView .asset-account {
  order: 15;
}

.AssetView .asset-location {
  order: 16;
}

.asset-page-wrapper {
  grid-template-areas: "breadcrumb breadcrumb breadcrumb" "proxy proxy proxy" "details details details"  "tags tags tags" "actions actions actions";
}
.asset-page-wrapper.post {
  grid-template-areas: "breadcrumb breadcrumb breadcrumb" "proxy proxy proxy" "tags tags tags" "actions actions actions";
}

@media (min-width:36em) {
  .asset-page-wrapper .section {padding: 0;}
  .asset-page-wrapper .asset-tags-section {padding: 3rem 0;}
  .asset-proxy-section {margin-right: 5rem;}
  .asset-page-wrapper {
    grid-template-areas: "breadcrumb actions actions" "proxy proxy details" "proxy proxy tags";
  }
  .asset-page-wrapper.post {
    grid-template-areas: "breadcrumb actions actions" "proxy proxy proxy" "tags tags tags";
  }
}
/* Sign Up Page styles */
.new-account-section .form-section {
  background-color:transparent;
  padding:0;
}

.new-account-hint {font-size:2.5rem;}

.new-account-section .form-section form {
  background-color:antiquewhite;
  border-radius:1em;
  padding:1em;
}

@media screen and (min-width: 75em) {
  .new-account-section .form-section {
    width: 33vw;
    min-width:30em;
    margin:1em auto;
    background-color:transparent;
  }
  .new-account-section .form-section form {
    background-color:antiquewhite;
    border-radius:1em;
    padding:2em;
  }
  .new-account-section .new-account-embeded-image {
    padding:3rem;
    max-width:66vw;
  }
  blockquote {padding:2em;}
  blockquote span {
    display:block;
    width:100%;
    font-size:2.2rem;
    font-weight:bold;
  }
  blockquote cite {
    display:block;
    width:100%;
    font-size:1em;
    text-align:center;
  }	
  .signup-faq {
    margin:2.5%;
    text-align:left!important;
    padding-top:1em;
  }
}
.desktop {display:none;}

@media screen and (min-width: 62em){
  .desktop {display:block;}
  .mobile {display:none;}
}

/* faq styles */
dl {
  column-count: 1;
  column-gap: 0rem;
}

.fw dl {
  column-count: 1;
  column-gap: 0rem;
}
@media (min-width:48em) {
  dl {
    column-count: 2;
    column-gap: 5rem;
  }
  .fw dl {
    column-count: 3;
    column-gap: 5rem;
  }
}

dt {font-weight:bold;}
dt.subtitle {
  border-bottom: 2px solid #000;
  margin:2rem 0;
}
dt.subtitle:first-child {
  border-bottom: 2px solid #000;
  margin:0 0 2rem 0;
}
dd {margin-bottom:1rem;}
.bk-wall .brandkit-logo,
.bk-wall .logo {
  max-height: 20rem;
}
.bk-wall .button {
  line-height: 3rem;
}

@media screen and (min-width: 36em) {
  .bk-wall {
    margin: 10em auto 4em auto;
    padding:3rem 6rem
  }
}

@media screen and (min-width: 48em) {
  .bk-wall {
    margin: 10em 4em;
  }
}
.reset-password-section {
  background-color:#fff;
  width:fit-content;
  margin:0 4em;
}/* full width section */
.fw {padding:4em 0;}

@media (min-width:77rem) {
  .fw {
    width:100vw;
    padding:4em 0;
  } 
}

/* full height section */
.fh {
  padding-top:0;
  padding-bottom:0;
}

/* two column grids used throughout site */
.two-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap:2em;
}
.two-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
/* Tablet Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .two-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 6em;
    grid-row-gap:6em;
  }
  .two-col-grid h1, .two-col-grid h2 {
  }
}  
/* end 2 col grid */

/* 3 column grids used throughout site */
.three-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.three-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}

/* Tablet Breakpoint 768px / 16px = 48em */
@media (min-width:48em) {
  .three-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1em;
    grid-row-gap:1em;
  }
}
/*  Desktop Breakpoint 1200px / 16px = 75em*/ 
@media (min-width:75em) {
  .three-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }
  .three-col-grid h1, .three-col-grid h2 {
  }
}  
/* end 3 col grid */

/* 4 column grids used throughout site */
.four-col-grid {
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.four-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}
/*  Desktop Breakpoint 768px / 16px = 48em */ 
@media (min-width:48em) {
  .four-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap:2em;
  }
}
/*  Desktop Breakpoint 1200px / 16px = 75em */   
@media (min-width:75em) {
  .four-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap:2em;
  }
}  
/* end 4 col grid */
#breadcrumbs.html-section {
  padding-left: 4rem;
  padding-right:4rem;
}
.breadcrumb-section {
  grid-area: breadcrumb;
  width:100%;
  background-color: #000;
  border-bottom: 0px solid #efefef;
  color: #fff;
}
.breadcrumb-section .breadcrumb-item {
  color:#fff;
}
.breadcrumb-section .breadcrumb-item.disabled {
  opacity:0.7;
}

section .intro, #intro {
  text-align:center;
}

section.blackbg {
  background-color: #121212;
  color: #fff!important;
}

section.whitebg {
  background-color: #fff;
  color: #000!important;
}

/* reset section padding on occasion */
.tight-bottom {padding-bottom:0;}
.tight-top {padding-top:0;}
.tight-left {padding-left:0;}
.tight-right {padding-right:0;}

/* html section */
.html-section,
section.albums-section {
  width: 100vw;
  padding-top: 6rem;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 6em;
}

.html-section img {margin:2em auto;}
.html-section p img {margin:0 auto;}
.html-section:first-child {padding-top:12rem;}

@media (min-width:62em) {
  .html-section,
  section.albums-section {
    padding-left:3em; 
    padding-right:3em;  
  }

  #filter-links,
  #assets-filter-links {
    justify-content: center !important;
    gap: 8rem !important;
    padding: 6rem 0 2rem !important;
  }

  #assets-filter-links {top: 28rem !important;}
}  

@media (min-width:75em) {
  .html-section,
  section.albums-section {
    padding-left:calc(50vw - 34.5em); 
    padding-right:calc(50vw - 34.5em);   
  }
}  
@media (min-width:120em) {
  .html-section,
  section.albums-section {
    padding-left:calc(50vw - 45em); 
    padding-right:calc(50vw - 45em);  
  }
}

/* move searchbox hero text and searchbox down to overlap bottom of section (old style home page)
.search-box-content {
top: 3rem;
justify-content: flex-end;
} */


/* darken search box border */
.search-box {
  border: 1px solid #ccc;
}

/* custom filter links section */
#filter-links,
#assets-filter-links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3rem;
  padding: 6rem 4rem 1rem 4rem;;
  margin-bottom: -0.5px;
  overflow-x: auto;
  white-space: nowrap;
}

#filter-links a,
#assets-filter-links a {
  font-size: 1.8rem;
  text-decoration: none;
}

#filter-links a:hover,
#assets-filter-links a:hover {
  text-decoration: underline;
}

#assets-filter-links {
  position: absolute; 
  top: 25rem; 
}

.preview-mode #assets-filter-links {
  padding-top: 6rem;
}

#assets-filter-links a.active {
  background-color: #fff;
  color: #1a1a1a;
}

/* move filters lower - add space for absolute filter links */
.filters {margin-top: 0;}

.search-section {
  margin-bottom: 0;
}

section.filters-section {padding: 2rem;}
aside.page-actions {margin-bottom: 0;}

/* get started section */
#get-started a {
  border-left: 1px solid #000;
  text-decoration: none;
}

#get-started h4,
#latest h4 {
  height: 3.2rem;
  background-color: transparent;
  text-align: left;
  margin: 1.2rem 0 0 1.5rem;
}

#get-started img,
#latest img {margin: 0 0 0 -1px;}

#latest article {padding-right: 3rem;}

#latest a {
  border-left: 1px solid #fff;
  text-decoration: none;
}

#albums-header {padding-bottom: 0;}

hr {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

#breadcrumbs {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

#breadcrumbs p {
  font-size: 1.4rem;
  line-height: 1.8rem;
}

#breadcrumbs a {text-decoration: none;}
#breadcrumbs .current-page {text-decoration: underline;}
#breadcrumbs hr {margin: 1rem 0;}

#terms main h1 {font-size: 6rem;}
#terms h2 {font-size: 4.4rem; margin-top: 3rem;}
#terms h3 {
  font-family: "Blacker Display Regular", serif;
  font-size: 2.5rem;
  font-weight: normal;
  letter-spacing: 0;
  margin-top: 3rem;
  text-decoration: none;
}

#terms-intro article.checklist {padding-top: 2rem;}
#terms-intro article.checklist p {
  padding-left: 4rem;
  display: flex;
  align-items: center;
}

/* checkmark */
.check {
  position: absolute;
  transform: rotate(45deg);
  height: 14px;
  width: 8px;
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  margin-left: -1.6rem;
}

.search-box-input {
  font-style: italic;
  font-weight: 200;
}.button,
.normal-button {
  color: #fff;;
  background-color: #000;
  padding: 1rem 2rem;
}

.cancel-button, .cancel-my-account-button, .danger-button {
  color:red; 
  text-decoration:underline; 
  background-color:#fff;}

.button-with-border {
  color: #000;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 2px;
  text-decoration: none;
  font-weight: bold;
  padding: 1rem 2rem;
}

.edit-profile-button {
  width:100%;
}

.normal-button.save-profile-changes-button,
.normal-button.save-profile-changes-button  {
  padding: 1rem 2rem;
}

a:hover,
.asset-add-to-basket-button:hover,
.clear-search-btn:hover {
  opacity:0.6;
}/* Albums widget */
.albums-grid .album {
  aspect-ratio: 3 / 2;
  width: 100%;
  margin: auto;
  border-left: 1px solid #000;
} /* sets aspect ratio of album covers consistently when height is calculated */

.albums-grid .album img {margin-left: -1px;} /* cover up left border */

.album-cover,.album-with-no-cover {
  border: none;
}

.album-cover:hover, .album-with-no-cover:hover {
  border: none;
}

/* new album select state */
a.album-selected {
  border: none;
  box-shadow: none;
}

a.album-selected img, a.album-selected div.album-with-no-cover {
  border:5px solid #f9d147;
  box-shadow: 0 15px 25px 1px #ccc;
}

a.album-selected span.album-title {
  color:#000;
  font-weight:bold;
}
/* end album select state */

@media screen and (min-width: 62em) {
  .albums-grid .album-wrapper {
	max-width: 100%;
    overflow-wrap: normal;
    flex-wrap: wrap;
    gap: 2rem;
    margin: auto;
  }
  .albums-grid .album {
    width: calc((100% - 6rem)/3) !important;
  }
}

.albums-grid .album-title {
  height: 3.2rem;
  background-color: transparent;
  text-align: left;
  margin: 1.2rem 0 1rem 1.5rem;
  font-family: 'Blacker Display', serif;
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0;
}.credit-name {
    font-size: var(--h1size);
    padding-bottom: 1rem;
    font-weight:normal;
}
.search-param {
  background-color: #22242e;
  color: #fff;
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  border-radius: 0rem;/* remove radius */
  border: none;
  letter-spacing: .5px;
  text-decoration: none;
  margin-right: .5rem;
  margin-bottom: .5rem;
  margin-top: .5rem;
}

/* show the Search label and the And/Or toggle in the Search Grid */
label.search-label {
  display: block;
  color: #fff;
}

.search-strategy .change-strategy-button {color: #fff;}